.select-group-title {
    font-weight: 600;
    color: var(--tiklab-gray-500);
    font-size: 12px;
    padding: 10px 10px 5px;
}

.select-view {
    position: relative;
    cursor: pointer;
    width: 120px;
    background: var(--pi-bg-grey-100);
    height: 31px;
    border-radius: 4px;
    padding: 0 10px;

    .select-input {
        margin-right: 10px;
    }
    .select-view-text {
        outline: none;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .select-content {
        display: inline-flex;
        border-radius: 4px;
        align-items: center;
        white-space: nowrap;
        width: 100%;
        height: 100%;
        justify-content: space-between;

        

        .svg-icon {
            margin-right: 0;
        }

        .select-view-icon {
            display: flex;
            align-items: center;
        }
    }


    .select-icon {
        width: 20px;
        height: 20px;
    }

    .select-number {
        width: 16px;
        height: 16px;
        line-height: 16px;
        text-align: center;
        background: #e3e8f0;
        border-radius: 16px;
        font-size: 12px;
    }

    .select-dropdown {
        position: absolute;
        background-color: #fff;
        min-width: 230px;
        width: 100%;
        border-radius: 4px;
        z-index: 3;
        left: 0;
        margin-top: 3px;
        box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
        .select-search-box {
            height: 40px;
            border-bottom: 1px solid #f0f0f0;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px;
            .select-search-input {
                outline: none;
                border: 0;
                height: 39px;
            }
            .big-svg {
                width: 20px;
                height: 20px;
            }
            .cancel-svg {
                width: 15px;
                height: 15px;
            }
        }
        .select-dropdown-bottom {
            height: 40px;
            line-height: 40px;
            padding: 0 15px;
            display: flex;
            align-items: center;
            justify-content: end;
            border-top: 1px solid #f0f0f0;

            .dropdown-botton {
                line-height: 15px;

                padding: 5px 10px;
                font-size: 12px;
                box-sizing: content-box;
                border-radius: 4px;

            }

            .clear {
                background: #e3e8f0;
                cursor: pointer;
            }

            .submit {
                background: var(--tiklab-blue);
                color: #fff;
                margin-left: 20px;
                cursor: pointer;
            }
        }
    }

    .select-head {
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        font-weight: 500;
        border-bottom: 1px solid #F0F0F0;
    }


}
.select-focused {
    border: 1px solid #40a9ff;
    outline: 0;
    box-shadow: 0 0 0 2px rgba(24, 144, 255, .2);
    border-radius: 2px;
}